<!DOCTYPE html> 
<html> 
	<head> 
	<title>jQuery mobile Workshop - Beispiel 3</title> 	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
</head> 
<body> 
<div data-role="page" id="seite1" data-title="Seite 1">
	<div data-role="header">
		<h1>Formel1 Rennberichte Saison 2011</h1>
	</div>
	<div data-role="content">	
	  Hier steht der Rennbericht
	</div>
    <div data-role="footer" class="ui-bar">
      <div data-role="controlgroup" data-type="horizontal">
        <a href="r1.html" data-role="button">Rennen 1</a>
        <a href="r2.html" data-role="button">Rennen 2</a>
        <a href="r3.html" data-role="button">Rennen 3</a>
        <a href="r4.html" data-role="button">Rennen 4</a>
      </div>
    </div>
</div>
</div>
</body>
</html>